@import "../../wxss/base/_base";
@import "../../wxss/global.scss";
@import "../../wxss/mod/icofont.scss";


page{background: #f5f5f5;}
.spacing{margin-top: 12rpx;}

.luggage-list{padding-top: 16rpx;
	.item{background: #fff;margin-bottom: 16rpx;
		.item-hd{@include flex-box;@include vc;min-height: 110rpx;border-bottom: 1rpx solid #f5f5f5;padding: 0 45rpx;
			.lt{font-size: 30rpx;color: #333;}
			.rt{font-size: 28rpx;color: #c2c2c2;}
		}
	}
}

.option-list{padding: 25rpx 0; 
	.li{height: 78rpx;overflow: hidden;position: relative;
		.li-cnt{padding: 0 45rpx;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 8;-webkit-box-sizing:border-box;box-sizing:border-box;@include flex-box;@include vc;background: #fff;font-size: 24rpx;}
		.tool-btn{width: 150rpx;height: 100%;position: absolute;right: 0;top: 0;z-index: 5;text-align: center;font-size: 28rpx;line-height: 78rpx;background: #ff3b2f;color: #fff;}
		&.ani-delete .li-cnt{-webkit-transform:translateX(-152rpx);-webkit-transition: 1s;}
	}
}

.label-option{font-size: 24rpx;color: #333;
	.fake-check{display: inline-block;position: relative;margin-right: 18rpx;vertical-align: middle;font-size: 34rpx;color: #cecece;}
	.fake-checked{position: absolute;width: 100%;height: 100%; left: 0;top: 0;opacity: 0;font-size: 30rpx;color: #bfb196;}
	.check-txt{display: inline-block;vertical-align: middle;}
	&.slt{color: #bfb197;}
}

.btn-add-option{width: 152rpx;height: 75rpx;text-align: center;line-height: 75rpx;font-size: 28rpx;background: #bfb197;color: #fff;border-radius: 0;}
.add-option-wrap{padding: 0 16rpx 0 45rpx;border-bottom: 1px solid #f5f5f5;@include flex-box;@include vc;
	.lt{font-size: 24rpx;
		.list-input{font-size: 24rpx;width: 100%;}
	}
	.rt{}
}


